<template>
  <div class="mine">
      <a href="javascript:void(0);" class="user">
          <div class="pic">
              <img src="https://static.missevan.com/assets/images/home/default-icon.jpg" alt="头像
              ">
          </div>
          <div class="detail">点击登录</div>
      </a>
      <a href="javascript:void(0);" class="row home">M-主站</a>
      <a href="javascript:void(0);" class="row live">M-直播</a>
      <a href="javascript:void(0);" class="row wallet">M-钱包</a>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
.mine
    width 100%
    height calc(100% - 0.4rem)
    background #000
    position fixed
    z-index 999
    >a
        background #3d3d3d
    >a:after
        content ""
        display block
        width .08rem
        height .14rem
        background url('https://static.missevan.com/assets/m/images/build/sprite-icons@2x.1592535d.png')
        background-size 2.62rem 2.34rem
        background-position -2.47rem -2.02rem
        position absolute
        right .1rem
    .user
        width 100%
        height 1.1rem
        padding .2rem .3rem
        margin-bottom .2rem
        display flex
        align-items center
        .pic
            width .7rem
            height .7rem
            img 
                width 100%
                height 100%
                border-radius 50%
        .detail
            display flex
            align-items center
            padding .1rem .2rem
            width calc(100% - 1.5rem)
            color #fff
            font-size .16rem
    .row
        color #fff
        display flex
        align-items center
        height .38rem
        width 100%
        margin-bottom .01rem
        padding-left .36rem
        font-size .16rem
        position relative
    .home:before
        background  -0.02rem -0.43rem/0.82rem 0.61rem
    .live:before
        background  -0.46rem -0.02rem/0.82rem 0.61rem
    .wallet:before
        background  -0.22rem -0.43rem/0.82rem 0.61rem
    .row:before
        content: "";
        display: block;
        position: absolute;
        background-image url('https://static.missevan.com/assets/m/images/build/sprite-svg.fd0591a7.svg')
        top: 11px;
        left: 10px;
        height: 16px;
        width: 16px;
        background-repeat: no-repeat;
</style>